<template>
    <div>
      <div class="logoImg">
          <img src="img/home_logo.png" alt="">租房系统
      </div>
      <el-menu
      :default-active="$route.path"
      router
      mode="vertical"
      unique-opened="true"
      v-if="menuList"
      class="el-menu-vertical-demo"
    >
      <MenuTree :menuList="menuList"></MenuTree>
     </el-menu>
    </div>
</template>
<script>
import MenuTree from './MenuTree'
export default {
  name: 'Menu',
  components: {
    MenuTree
  },
  props: {
    menuList: {
      type: Array,
      required: false
    }
  }
}
</script>
<style scoped>
  .logoImg{
    width: 100%;
    height: 95px;
      line-height: 95px;
      text-align: center;
    /*border: 1px solid red;*/
  }
  .logoImg img{
      margin-left: -45px;
      vertical-align: middle;
      display: inline-block;
      margin-right: 10px;
  }
    /deep/.el-menu{
        border: none;
    }
</style>
